<html>
<head>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.css" />
		<link rel="stylesheet" type="text/css" href="css/bootstrap-responsive.min.css" />
		<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
		<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
		<script language="JavaScript" src="js/bootstrap.js"></script>
		<script language="JavaScript" src="js/bootstrap.min.js"></script>
		<title>cozinha</title>
</head>

<body>
<table class="table table-bordered">
    <caption></caption>
  <thead>
    <tr class="">
    <th>item</th>
    <th>quantidade</th>
	<th>mesa</th>
	<th>garçom</th>
	
    </tr>
 </thead>
    <tbody>
    <tr class="">
    <td>x-salada</td>
    <td>2</td>
    <td>3</td>
    <td>Mario</td>
    </tr>
	
	<tr class="">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
    </tr>
  
    <tr class="">
    <td>1</td>
    <td>TB - Monthly</td>
    <td>01/04/2012</td>
    <td>Approved</td>
    </tr>
	</tbody>
</table>
    
</body>

</html>